@charset "utf-8";
@import "reset";
$fs: 170.667px;

//将px单位换算成rem单位
@function r($px) {
    @return $px/$fs*1rem;
}
//字体样式
body {
    font-family: "FZLTHJW";
    background-color: #f3f4f6;
}
.wrap {
    width: 100%;
}
//头部标题栏
header {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #333;
    border-bottom: r(1px) solid #c1c1c1;
    background-color: #f7f7f7;
    .hd-store {
        font-size: r(30px);
        flex-grow: 1;
    }
    h3 {
        font-size: r(35px);
        line-height: r(88px);
        font-weight: normal;
        flex-grow: 6;
    }
    .popularize {
        font-size: r(30px);
        flex-grow: 1;
    }
}
//弹窗
//遮罩层
.bgCover {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: fixed;
    left: 0;
    top: 0;
}
.popout {
    width: 100%;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.popout-cancel {
    border-top: r(1px) solid #e0e0e0;
    p {
        font-size: r(35px);
        color: #333;
        line-height: r(108px);
        text-align: center;
    }
}
//市场选货
.addCommodity {
    display: none;
}
.marketSel {
    .popout-con {
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: r(202px);
        .flex-item {
            a {
                display: block;
                width: r(100px);
                height: r(100px);
                img {
                    display: block;
                    width: 100%;
                }
            }
            p {
                font-size: r(24px);
                color: #999;
                margin-top: r(16px);
            }
        }
    }
}
//推广
.generalize {
    display: none;
}
.share {
    .share-con {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        height: r(616px);
        .flex-item {
            width: 33.33%;
            a {
                display: block;
                margin: 0 auto;
                width: r(105px);
                height: r(105px);
                img {
                    display: block;
                    width: 100%;
                }
            }
            p {
                font-size: r(24px);
                color: #999;
                margin-top: r(16px);
                text-align: center;
            }
        }
    }
}

//金额为正值时添加颜色为
.positiveColor {
    color: #0bba07;
}
//金额为负值是添加颜色为
.negativeColor {
    color: #d62d31;
}
